<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>当当网</title>
    <link rel="stylesheet" href="./css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" media="all">
</head>

<body>
    <div class="test2header">
                <div class="logo">
                    <img src="./images/logo.jpg" style="margin-left: 50px;margin-top: 5px;">
                </div>
                <div class="rightlog">
                    <ul>
                        <li>
                            <img src="./images/icon_count.png" style="position: absolute;left: 75px;top: -5px;"/>
                            <a>尾品汇</a>
                        </li>
                        <li><a>当当优品</a></li>
                        <li><a>数字馆</a></li>
                        <li><a>都看阅器</a></li>
                    </ul>
                </div>
    </div>
    <div class="test2header2">
        <ul>
            <li><a>首页</a></li>
            <li><a>图书</a></li>
            <li><a>音像</a></li>
            <li><a>童装</a></li>
            <li><a>服装</a></li>
            <li><a>鞋靴</a></li>
            <li><a>运动</a></li>
            <li><a>箱包</a></li>
            <li><a>美妆</a></li>
            <li><a>珠宝</a></li>
            <li><a>家居</a></li>
            <li><a>食品</a></li>
            <li><a>酒</a></li>
            <li><a>手机</a></li>
            <li><a>数码</a></li>
            <li><a>电脑</a></li>
            <li><a>家电</a></li>
        </ul>
    </div>
    <div class="test2banner">
        <img src="./images/banner.png"/>
    </div>
    <div class="test2body">
        <div class="test2bodytitle">
            <img src="./images/bg_bang.gif">
        </div>
        <div class="test2bodyleft">
            <div class="leftbookimg">
                <img src="./images/bookNo1.gif" style="position: relative;top: 35px;left: 40px;"/>
                <img src="./images/book-01.jpg" style="width: 100%;height: auto;"/>
            </div>
            <div class="rightbookdesc">
                <h4><a>偷影子的人</a></h4>
                <p>作者:[法]马克·李维（Marc Levy）著</p>
                <p>出版社:湖南文艺出版社</p>
                <p>当当价:<span style="color: red;">￥17:90</span></p>
                <p>
                    一个老是受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能力而强大：他能“偷别人的影子”，因而能看见他人心事，听见人们口中不愿意说出口的秘密。他开始成为需要帮助者的心灵伙伴，为每个偷来的影子找出点亮生命的小小光芒。 某年灿烂的夏天，他在海边邂逅了一位又聋又哑的女孩。他该如何用自己的能力帮助她？他将如何信守与她共许的承诺？
                </p>
            </div>
        </div>
        <div class="test2bodyright">
            <div class="rightbookimg">
                <img src="./images/bookNo2.gif" style="position: relative;top: 40px;left: 30px;"/>
                <img src="./images/book-02.jpg" style="width: 90%;height: auto;"/>
            </div>
            <div class="r_rightbookdesc">
                <h4><a>看见(雾霾调查纪录片《穹顶之下》制作人 柴静：十年个人成长的告白，中国社会变迁的备忘</a></h4>
                <p>作者:柴静著</p>
                <p>出版社:广西师范大学出版社</p>
                <p><span style="color: red;">￥29:40</span><span style="color: lightgreen;margin-left: 10px;">7.4折</span></p>
            </div>
            <div style="clear: both;"></div>
            <div class="rightbookimg">
                <img src="./images/bookNo3.gif" style="position: relative;top: 40px;left: 30px;"/>
                <img src="./images/book-03.jpg" style="width: 90%;height: auto;"/>
            </div>
            <div class="r_rightbookdesc">
                <h4><a>改变孩子先改变自己</a></h4>
                <p>作者:贾容韬 贾毅著</p>
                <p>出版社:作家出版社</p>
                <p><span style="color: red;">￥22:20</span><span style="color: lightgreen;margin-left: 10px;">7.4折</span></p>
            </div>
        </div>
    </div>
    <div class="test2footer">
        <span>Copyright © 2004 - 2020 当当网. All Rights Reserved<img src="./images/validate.gif"/>京ICP证041189号出版物经营许可证 新出发京批字第直0673号</span>
    </div>
</body>
</html>